<%@page contentType="text/html" pageEncoding="UTF-8"%>
<jsp:include page="sys_html_header.jsp" />


<!--start container-->
<div id="container">
    <jsp:include page="sys_header.jsp?acMenu=3" />



    <!--start content-->
    <div id="content">
        <div class="information-form">
            <div class="flow-reservation2">
                <ul>
                    <li></li><!-- default flow select a car-->
                    <!--<li class="driver-details"></li>-->
                    <!--<li class="confirm"></li>-->
                </ul>
                <br />
            </div>
            <!--end flow-reservation-->
            <div class="reservation-infor"> 
                <div class="pick-up"><table>
                        <tr>
                            <td width="28%">Pick-up location :</td>
                            <td colspan="2"><input type="text" value="airport" size="45" /></td>
                        </tr>
                        <tr>
                            <td>Pick-up date :</td>
                            <td width="28%"><input name="date1" id="date1" class="date-pick" /><img src="images/ic_date.png" /></td>
                            <td width="44%"><div class="box-time">
                                    <div class="hour">
                                        <select id="step1submit_checkoutHour" class="time1" name="checkoutHour" onmousedown="if(this.options.length>10){this.size=10;}" onchange="this.size=0;" onblur="this.size=0;">
                                            <option value="0">12 AM</option>
                                            <option value="1">1 AM</option>
                                            <option value="2">2 AM</option>
                                            <option value="3">3 AM</option>
                                            <option value="4">4 AM</option>
                                            <option value="5">5 AM</option>
                                            <option value="6">6 AM</option>
                                            <option value="7">7 AM</option>
                                            <option value="8">8 AM</option>
                                            <option value="9">9 AM</option>
                                            <option selected="selected" value="10">10 AM</option>
                                            <option value="11">11 AM</option>
                                            <option value="12">12 PM</option>
                                            <option value="13">1 PM</option>
                                            <option value="14">2 PM</option>
                                            <option value="15">3 PM</option>
                                            <option value="16">4 PM</option>
                                            <option value="17">5 PM</option>
                                            <option value="18">6 PM</option>
                                            <option value="19">7 PM</option>
                                            <option value="20">8 PM</option>
                                            <option value="21">9 PM</option>
                                            <option value="22">10 PM</option>
                                            <option value="23">11 PM</option>
                                        </select>
                                        <select  class="time2" name="" onmousedown="if(this.options.length>10){this.size=10;}" onchange="this.size=0;" onblur="this.size=0;">
                                            <option value="0" selected="selected">:00</option>
                                            <option value="15">:15</option>
                                            <option value="30">:30</option>
                                            <option value="45">:45</option>
                                        </select>
                                    </div> <!--end hour-->
                                </div></td>
                        </tr>
                    </table>


                </div> <!--pick-up-->
                <div class="drop-off"><table>
                        <tr>
                            <td width="27%">Drop-off location :</td>
                            <td colspan="2"><input type="text" value="airport" size="45" /></td>
                        </tr>
                        <tr>
                            <td>Pick-up date :</td>
                            <td width="28%"><input name="date2" id="date2" class="date-pick" /><img src="images/ic_date.png" /></td>
                            <td><div class="box-time">
                                    <div class="hour">
                                        <select id="step1submit_checkoutHour" class="time1" name="checkoutHour" onmousedown="if(this.options.length>10){this.size=10;}" onchange="this.size=0;" onblur="this.size=0;">
                                            <option value="0">12 AM</option>
                                            <option value="1">1 AM</option>
                                            <option value="2">2 AM</option>
                                            <option value="3">3 AM</option>
                                            <option value="4">4 AM</option>
                                            <option value="5">5 AM</option>
                                            <option value="6">6 AM</option>
                                            <option value="7">7 AM</option>
                                            <option value="8">8 AM</option>
                                            <option value="9">9 AM</option>
                                            <option selected="selected" value="10">10 AM</option>
                                            <option value="11">11 AM</option>
                                            <option value="12">12 PM</option>
                                            <option value="13">1 PM</option>
                                            <option value="14">2 PM</option>
                                            <option value="15">3 PM</option>
                                            <option value="16">4 PM</option>
                                            <option value="17">5 PM</option>
                                            <option value="18">6 PM</option>
                                            <option value="19">7 PM</option>
                                            <option value="20">8 PM</option>
                                            <option value="21">9 PM</option>
                                            <option value="22">10 PM</option>
                                            <option value="23">11 PM</option>
                                        </select>
                                        <select  class="time2" name="" onmousedown="if(this.options.length>10){this.size=10;}" onchange="this.size=0;" onblur="this.size=0;">
                                            <option value="0" selected="selected">:00</option>
                                            <option value="15">:15</option>
                                            <option value="30">:30</option>
                                            <option value="45">:45</option>
                                        </select>
                                    </div> <!--end hour-->
                                </div></td>
                        </tr>
                    </table></div> 
                <!--Drop-off-->
                <div class="clear-all"></div>
                <table style="display:none;">
                    <tr>
                        <td width="27%"><input type="checkbox" name="coupon" id="coupon" onClick="coupon_form();"/>
                            I have a coupon or member number</td>
                        <td width="73%"><div id="coupon_form" style="display:none"><b>Coupon code :</b>
                                <input type="text" />
                            </div></td>
                    </tr>
                    <tr>
                        <td><input type="checkbox" name="savetime" id="savetime" onClick="savetime_form();"/>
                            Log in to save time or <a href="#">register</a></td>
                        <td><div id="savetime_form" style="display:none"><table>
                                    <tr>
                                        <td width="13%"><b>Username : </b></td>
                                        <td width="27%"><input type="text" /></td>
                                        <td width="12%"><b>Password :</b></td>
                                        <td width="48%"><input type="password"/>
                                            <a href="#">Forgotten password?</a></td>
                                    </tr>
                                </table></div></td>
                    </tr>
                </table>


                <div class="button">
                    <ul><li><a href="#" class="cancel"></a></li><li><a href="#" class="update"></a></li><li><a href="#" class="change"></a></li>


                    </ul>
                </div> <!--button-change-->
                <div class="bottom-reservation"><img src="images/bottom-reser.jpg" /></div> <!--end bottom-reservation-->

            </div>
            <!--end reservation-infor-->
            <div class="column-data">
                <h3>Select Tour</h3>
            </div>
            <div class="car-rentals">
                <ul>
                    <li>
                        <div class="model">
                            <div class="thumbnail"><img src="images/tour1.jpg" alt="toyota camry" width="220" /></div>
                            <!--end thumbnail-->
                            <div class="detail">
                                <p> <strong>Bangkok Package Tour <br />
                                        3 days 2 nights.</strong> <br/>
                                </p>
                                <ul>
                                    <li class="seat"><span>4</span></li>
                                    <li class="luggage"><span>2</span></li>
                                </ul>
                                <a href="personal-data-tour.html" class="select-car"></a> </div>
                            <!--end detail-->
                        </div>
                        <!--end model-->
                        <div class="rate-detail">
                            <table width="479">
                                <tr>
                                    <th colspan="2">Rate Details</th>
                                </tr>
                                <tr>
                                    <td>Transfer</td>
                                    <td><strong>฿ 950</strong></td>
                                </tr>
                                <tr class="even">
                                    <td> Single Room</td>
                                    <td><strong>฿  10,200  </strong></td>
                                </tr>
                                <tr>
                                    <td>Twin Room</td>
                                    <td><strong>฿ 5,800</strong></td>
                                </tr>
                                <tr class="even">
                                    <td>Triple Room</td>
                                    <td><strong>฿ 5,000 </strong></td>
                                </tr>
                                <tr>
                                    <td>Overnight stand by</td>
                                    <td><strong>฿ 7,000 </strong></td>
                                </tr>
                            </table>
                        </div>
                        <!--end rate-detail-->
                    </li>
                    <li>
                        <div class="model">
                            <div class="thumbnail"><img src="images/tour2.jpg" alt="toyota new camry" /></div>
                            <!--end thumbnail-->
                            <div class="detail">
                                <p> <strong>Bangkok - Pattaya Summer <br />
                                        Package Tour 4 days 3 nights</strong><strong>.</strong> <br/>
                                </p>
                                <ul>
                                    <li class="seat"><span>4</span></li>
                                    <li class="luggage"><span>2</span></li>
                                </ul>
                                <a href="personal-data-tour.html" class="select-car"></a> </div>
                            <!--end detail-->
                        </div>
                        <!--end model-->
                        <div class="rate-detail">
                            <table width="479">
                                <tr>
                                    <th colspan="2">Rate Details</th>
                                </tr>
                                <tr>
                                    <td>Transfer</td>
                                    <td><strong>฿ 950</strong></td>
                                </tr>
                                <tr class="even">
                                    <td> Single Room</td>
                                    <td><strong>฿  10,200 </strong></td>
                                </tr>
                                <tr>
                                    <td>Twin Room</td>
                                    <td><strong>฿ 5,800</strong></td>
                                </tr>
                                <tr class="even">
                                    <td>Triple Room</td>
                                    <td><strong>฿ 5,000 </strong></td>
                                </tr>
                                <tr>
                                    <td>Overnight stand by</td>
                                    <td><strong>฿ 7,000 </strong></td>
                                </tr>
                            </table>
                        </div>
                        <!--end rate-detail-->
                    </li>
                    <li>
                        <div class="model">
                            <div class="thumbnail"><img src="images/tour3.jpg" alt="Toyota Van (commuter)" /></div>
                            <!--end thumbnail-->
                            <div class="detail">
                                <p> <strong>Bangkok - Chiangmai Package<br /> 
                                        Tour 5 days &amp; 4 nights.</strong> <br/>
                                </p>
                                <ul>
                                    <li class="seat"><span>10</span></li>
                                    <li class="luggage"><span>5</span></li>
                                </ul>
                                <a href="personal-data-tour.html" class="select-car"></a> </div>
                            <!--end detail-->
                        </div>
                        <!--end model-->
                        <div class="rate-detail">
                            <table width="479">
                                <tr>
                                    <th colspan="2">Rate Details</th>
                                </tr>
                                <tr>
                                    <td>Transfer</td>
                                    <td><strong>฿ 950</strong></td>
                                </tr>
                                <tr class="even">
                                    <td> Single Room</td>
                                    <td><strong>฿  10,200 </strong></td>
                                </tr>
                                <tr>
                                    <td>Twin Room</td>
                                    <td><strong>฿ 5,800</strong></td>
                                </tr>
                                <tr class="even">
                                    <td>Triple Room</td>
                                    <td><strong>฿ 5,000 </strong></td>
                                </tr>
                                <tr>
                                    <td>Overnight stand by</td>
                                    <td><strong>฿ 7,000 </strong></td>
                                </tr>
                            </table>
                        </div>
                        <!--end rate-detail-->
                    </li>
                    <li>
                        <div class="model">
                            <div class="thumbnail"><img src="images/tour4.jpg" alt="TOYOTA VIP VAN (Hiace)" /></div>
                            <!--end thumbnail-->
                            <div class="detail">
                                <p> <strong>Bangkok - Pattaya <br />
                                        Package Tour 5 days 4 nights.</strong> <br/>
                                </p>
                                <ul>
                                    <li class="seat"><span>10</span></li>
                                    <li class="luggage"><span>5</span></li>
                                </ul>
                                <a href="personal-data-tour.html" class="select-car"></a> </div>
                            <!--end detail-->
                        </div>
                        <!--end model-->
                        <div class="rate-detail">
                            <table width="479">
                                <tr>
                                    <th colspan="2">Rate Details</th>
                                </tr>
                                <tr>
                                    <td>Transfer</td>
                                    <td><strong>฿ 950</strong></td>
                                </tr>
                                <tr class="even">
                                    <td> Single Room</td>
                                    <td><strong>฿  10,200 </strong></td>
                                </tr>
                                <tr>
                                    <td>Twin Room</td>
                                    <td><strong>฿ 5,800</strong></td>
                                </tr>
                                <tr class="even">
                                    <td>Triple Room</td>
                                    <td><strong>฿ 5,000 </strong></td>
                                </tr>
                                <tr>
                                    <td>Overnight stand by</td>
                                    <td><strong>฿ 7,000 </strong></td>
                                </tr>
                            </table>
                        </div>
                        <!--end rate-detail-->
                    </li>
                </ul>
            </div>
            <!--end car-rentals--></div>
        <!--end information-form-->
    </div>
    <!--end content-->


    <jsp:include page="sys_footer.jsp" />

</div>
<!--end container-->